<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="layui/layui.js"></script>
	<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
	<title></title>
	<style type="text/css">
		.text-title{
			text-align:center; 
			line-height: 60px;
			font-size: 45px; 
		}

		.bg-image{
			background-image: url(1.jpg);
  			background-repeat: no-repeat;
  			height:98%;
			width:100%;
			overflow: hidden;
			background-size:cover;
		}
		.container-main{
			background-color: #c2c2c2;
			position:absolute;
			right:45px;
			bottom:180px;
			width: 30%;
		}
		.layui-footer{
			position:absolute;
			bottom:0px;
			height:3%;
			right:49%;
			text-align:center; 
		}
	</style>
</head>
<body class="bg-image">

	<div class="layui-container container-main">
		<div class="layui-row">
			<div class="layui-col-md12">
				<div class="text-title">
					RBAC权限管理
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md12">
				<form class="layui-form layui-form-pane" action="">
				  <div class="layui-form-item">
				    <label class="layui-form-label">用户名:</label>
				    <div class="layui-input-inline">
				      <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
				    </div>
				  </div>
				  <div class="layui-form-item">
				    <label class="layui-form-label">密&nbsp;码:</label>
				    <div class="layui-input-inline">
				      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
				    </div>
				  </div>				  
				  <div class="layui-form-item">
				    <div class="layui-input-block">
				      <button class="layui-btn" lay-submit lay-filter="formDemo">登陆</button>
				    </div>
				  </div>
				</form>
			</div>
		</div>
	</div>
	<div class="layui-footer">trek</div>	
<script>
//Demo
layui.use('form', function(){
  var form = layui.form;
  
  //监听提交
  form.on('submit(formDemo)', function(data){
    layer.msg(JSON.stringify(data.field));
    return false;
  });
});
</script>
</body>
</html>